    * {
		box-sizing: border-box;
	}
	[v-cloak] {
		display: none;
	}
	// 一些文字基本颜色；
	
	$colors:000 111 222 333 444 555 666 777 888 999 aaa bbb ccc ddd eee fff;
	$str: '#';
	@function get-color($c){//自定义函数
		@return #{$c};
	}
	
	@each $i in $colors { // 设置$colors列表内的字体颜色和背景色；
		.color#{$i}{
			color:#{$str}#{$i}!important;
		}
		.bg#{$i}{
			background-color: #{$str}#{$i};
		}
	}
$positons:relative absolute fixed sticky;
@each $i in $positons { // 设置$positons
	.pos#{$i}{
		position: $i;
	}
}
	
@for $i from 0 to 101 {
	.z-index#{$i}{z-index: $i;}
	.fs#{$i}{font-size: $i+ rpx;}
	.radius#{$i}{border-radius: $i+ rpx;}
	.top#{$i} {top: $i+ rpx;}
	.left#{$i} {left: $i+ rpx;}
	.right#{$i} {right: $i+ rpx;}
	.bottom#{$i} {bottom: $i+ rpx;}
	.w#{$i}p {width: 1%*$i;}
	.h#{$i}p {height: 1%*$i;}
}
.radiuscir{
	border-radius: 50%;
}
	
	$font-weight:normal bold bolder lighter inherit 100 200 300 400 500 600 700 800 900;
	@each $i in $font-weight { // 设置文本粗细；
		.fw#{$i}{
			font-weight: $i;
		}
	}
	@for $i from 0 through 751 {
		@if $i % 2 == 0 or $i % 5 == 0 {
			// 定义width
			// 定义height
			.w#{$i}{width: $i+ rpx;}
			.maxw#{$i}{max-width: $i+ rpx;}
			.minw#{$i}{min-width: $i+ rpx;}
			
			// 得出：u-margin-30或者u-m-30
			.m#{$i}{margin: $i + rpx;}
			.ml#{$i}{margin-left:$i + rpx;}
			.mr#{$i}{margin-right:$i + rpx;}
			.mt#{$i}{margin-top:$i + rpx;}
			.mb#{$i}{margin-bottom:$i + rpx;}
			// 得出：u-padding-30或者u-p-30
			.p#{$i}{padding: $i + rpx;}
			.pl#{$i}{padding-left:$i + rpx;}
			.pr#{$i}{padding-right:$i + rpx;}
			.pt#{$i}{padding-top:$i + rpx;}
			.pb#{$i}{padding-bottom:$i + rpx;}
			.px#{$i}{padding-left:$i + rpx;padding-right:$i + rpx;}
			.py#{$i}{padding-bottom:$i + rpx;padding-top:$i + rpx;}
			.lineh#{$i}{
				line-height: $i + rpx;
			}
		}
	}
	@for $i from 0 through 120 {
		@if $i % 2 == 0 or $i % 5 == 0 {
			// 定义x轴y轴
			.px#{$i}{
				padding-left: $i + rpx;
				padding-right: $i + rpx;
			}
			.py#{$i}{
				padding-top: $i + rpx;
				padding-bottom: $i + rpx;
			}
			
			.mx#{$i}{
				margin-left: $i + rpx;
				margin-right: $i + rpx;
			}
			
			.my#{$i}{
				margin-top: $i + rpx;
				margin-bottom: $i + rpx;
			}
		}
	}
	// 定义height
	@for $i from 0 through 1001 {
		@if $i % 2 == 0 or $i % 5 == 0 {
			.h#{$i}{height: $i+ rpx;}
		}
	}
	
	

.flex {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: row;
	align-items: center;
}
.wrap {flex-wrap: wrap;}
.col-center {align-items: center;}
.col-top {align-items: flex-start;}
.col-bottom {align-items: flex-end;}
.row-center {justify-content: center;}
.row-left {justify-content: flex-start;}
.row-right {justify-content: flex-end;}
.row-between {justify-content: space-between;}
.row-around {justify-content: space-around;}
.flex-col {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: column;
}
/* flex */
.flex1{flex: 1;}
.flex2{flex: 2;}
.flex3{flex: 3;}
.flex4{flex: 4;}
.flex5{flex: 5;}
/* flex */
	.nowrap{white-space: nowrap;}//不换行
	.line1{
		// white-space: nowrap;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.line2{
		display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
		-webkit-box-orient: vertical; /* 垂直排列 */
		-webkit-line-clamp: 2; /* 限制显示两行 */
		overflow: hidden; /* 隐藏超出范围的内容 */
		text-overflow: ellipsis; /* 使用省略号 */
	}
	.borderbtm{
		border-bottom: 1px solid #f6f6f6;
	}
	.text-center{
		text-align: center;
	}
	.shadow{
		box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
	}
	.lightshadow{
		box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
	}
	.colorbase{
		color: $base_color;
	}
	.bgbase{
		background: $base_color;
	}